import React , { Component } from 'react';
import { withRouter,NavLink} from 'react-router-dom';
import {observer,inject} from 'mobx-react';


@withRouter
@inject('first','two','observable')
@observer
class View extends Component {
    render(){
        let {updateNameStr,objCfg,num} = this.props.observable;
        return (
            <React.Fragment>
                <div className="mian">这是首页面</div>
                <NavLink exact to="/">首页</NavLink><br/>
                <NavLink to="/tabbak">tabbak</NavLink><br/>
                <NavLink to="/newspage">newspage</NavLink><br/>
                <NavLink to="/tab">tab</NavLink><br/>
                <NavLink to="/page">page</NavLink><br/>
                <NavLink to="/storePage">page</NavLink><br/>
                {objCfg.name}<br/>
                {num}<br/>

                <div className="k_m clearfix">
                    <div className="jianjie fl">
                        <div className="k_h3">
                            <h3>COURSES</h3>
                            <span>课程设置</span>
                            <a href="true">更多</a>
                        </div>
                        <ul className="k_classlist">
                            <li>
                                <img src="https://blog.bdplus.cn/wp-content/themes/vega/sample/images/header.jpg" alt="sss"/>
                                <p>EEC、新目标、牛津英语、奥数、作文、数学.</p>
                            </li>
                            <li>
                                <img src="https://blog.bdplus.cn/wp-content/themes/vega/sample/images/header.jpg" alt="sss"/>
                                <p>EEC、新目标、牛津英语、奥数、作文、数学.</p>
                            </li>
                            <li>
                                <img src="https://blog.bdplus.cn/wp-content/themes/vega/sample/images/header.jpg" alt="sss"/>
                                <p>EEC、新目标、牛津英语、奥数、作文、数学.</p>
                            </li>
                        </ul>
                    </div>
                    <div className="news fl">
                        <div className="k_h3">
                            <h3>COURSES</h3>
                            <span>课程设置</span>
                            <a href="true">更多</a>
                        </div>
                    </div>
                </div>
                <div className="k_m clearfix">
                    <div className="jianjie2 fl">
                        <div className="k_h3">
                            <h3>COURSES</h3>
                            <span>课程设置</span>
                            <a href="true">更多</a>
                        </div>
                    </div>
                </div>
            </React.Fragment>
        )
    }
}




export default View;
